<?php session_start(); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!--
//  Copyright (C) 2004-2006  Autodesk, Inc.
//
//  This library is free software; you can redistribute it and/or
//  modify it under the terms of version 2.1 of the GNU Lesser
//  General Public License as published by the Free Software Foundation.
//
//  This library is distributed in the hope that it will be useful,
//  but WITHOUT ANY WARRANTY; without even the implied warranty of
//  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
//  Lesser General Public License for more details.
//
//  You should have received a copy of the GNU Lesser General Public
//  License along with this library; if not, write to the Free Software
//  Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA
-->

<?php include ("../config.php");
	  include ("../utils.php");
	  include(ROOT_DIR_CLASES.'/cCliente.php');?>
<script>
var cargador = parent.parent.frames["taskBar"];
cargador.document.getElementById("busyImg").style.visibility="hidden";
var NOT_BUSY_IMAGE = "../stdicons/loader_inactive.gif";
var BUSY_IMAGE = "../stdicons/loader_pulse.gif";


function anteriorF1AF2(dia1,mes1,anio1,dia2,mes2,anio2)
{
	

	if (anio1 <= anio2)
	{
		if ((mes1 <= mes2 && anio1==anio2) || (mes1 >= mes2 && anio1<anio2) || (mes1 <= mes2 && anio1<anio2))
		{
			if ((dia1 <= dia2 && mes1==mes2 && anio1==anio2) || (dia1 >= dia2 && mes1<mes2 && anio1==anio2)
				|| (dia1 <= dia2 && mes1>mes2 && anio1<anio2) || (dia1 >= dia2 && mes1>mes2 && anio1<anio2)
				|| (dia1 <= dia2 && mes1==mes2 && anio1<anio2) || (dia1 >= dia2 && mes1<mes2 && anio1<anio2)
				|| (dia1 <= dia2 && mes1<mes2 && anio1==anio2) || (dia1 <= dia2 && mes1<mes2 && anio1<anio2))
			{
				return true;
			}
			else
			{
				return false;
			}
		}
		else
		{
			return false;
		}
	}
	else
	{
		return false;
	}
}

function masDeDias(dia1, mes1, anio1, dia2, mes2, anio2, diff)
{
	    var m = parseInt(mes1);
		var diasDelMes = 28;
		if (m == 2 && anio1 % 4 == 0) {diasDelMes = 29;}
		else if (m == 4 || m == 6 || m == 9 || m == 11) {diasDelMes = 30;}
		else {diasDelMes = 31;}

		if (dia1.charAt(0) == 0) { var d1 = parseInt(dia1.charAt(1));} else {var d1 = parseInt(dia1);}
		if (dia2.charAt(0) == 0) { var d2 = parseInt(dia2.charAt(1));} else {var d2 = parseInt(dia2);}
		
		if (mes1.charAt(0) == 0) { var m1 = parseInt(mes1.charAt(1));} else {var m1 = parseInt(mes1);}
		if (mes2.charAt(0) == 0) { var m2 = parseInt(mes2.charAt(1));} else {var m2 = parseInt(mes2);}
		
		var diasDiferencia = 0;
		diasDiferencia = (m1 != m2) ? ((diasDelMes - d1) + d2) : d2 - d1;
		var i = 0;		
		var j = 0;
		var a1 = parseInt(anio1);
		var a2 = parseInt(anio2);
		
		if (a1 == a2) {var mesLimite = m2-1;}
		if (a1 != a2) {var mesLimite = 12;}
		
		for (j = a1; j <= a2; j++)
		{ 		
			var isBis = parseInt(j) % 4 == 0;
			if (j == a1)
			{				
					for (i = m1+1; i <= mesLimite; i++)
					{			
						if (i == 2 && isBis) {diasDiferencia += 29; }
						if (i == 2 && !isBis){diasDiferencia += 28; }
						if (i == 4 || i == 6 || i == 9 || i == 11) { diasDiferencia += 30; }
						if (i == 1 || i == 3 || i == 5 || i == 7 || i == 8 || i == 10 || i == 12) { diasDiferencia += 31;}
					}
			}
			if (j == a2 && a1 != a2)
			{			
					for (i = 1; i < m2; i++)
					{			
						if (i == 2 && isBis) {diasDiferencia += 29; }
						if (i == 2 && !isBis){diasDiferencia += 28; }
						if (i == 4 || i == 6 || i == 9 || i == 11) { diasDiferencia += 30; }
						if (i == 1 || i == 3 || i == 5 || i == 7 || i == 8 || i == 10 || i == 12) { diasDiferencia += 31;}
					}
			}
			if (j != a1 && j != a2)
			{
				
				return false;					
			}
		}
		if (diasDiferencia > diff){return false;}else{return true;} 
}

function finMes(Mes,Ano)
{
 if ((Mes==1)||(Mes==3)||(Mes==5)||(Mes==7)||(Mes==8)||(Mes==10)||(Mes==12))
 	    return 31;
     
 if ((Mes==4)||(Mes==6)||(Mes==9)||(Mes==11))
        return 30;   
 if ((Mes==2))
 {
   aux=Ano%4;	
   if (aux==0)
      return 29;
    return 28;  
 }     
 return 0; 
}

function valDia(Dia,Mes,Ano)
{
 var bOk = false;
 bOk = bOk || ((Dia >= 1) && (Dia <= finMes(Mes,Ano)));
 return bOk;
}

function valMes(Mes)
{
 var bOk = false;
 bOk = bOk || ((Mes >= 1) && (Mes <= 12));
 return bOk;
}

function valAno(Ano)
{
 var bOk = false;
 bOk = bOk || ((Ano >= 1950) && (Ano <= 2050));
 return bOk;
}

function fechaValida(Dia,Mes,Ano)
{
 var bOk = false;
 bOk = bOk || ((valAno(Ano)) && (valMes(Mes)) && (valDia(Dia,Mes,Ano)));
 return bOk;

}
function EstructuraFechaCorrecta(fi)
{
 array=fi.split("/");
 Dia=new Number(array[0]);
 Mes=new Number(array[1]);
 Ano=new Number(array[2]);
 
 if ((fi.length==10) && (fi.charAt(2)=='/') && (fi.charAt(5)=='/') 
      && (!isNaN(Dia))&&(!isNaN(Mes))&&(!isNaN(Ano)) && (fechaValida(Dia,Mes,Ano)))
 {
  return true;
 }
 return false;
 
}

function ConcatenarFecha()
{
 alert(document.frmHistoricoAvl.anoi.value+document.frmHistoricoAvl.mesi.value+document.frmHistoricoAvl.diai.value);
 return true;
}

function horaValida(hora)
{
	if (hora.length != 5)
	{
		return false;
	}
	
	if (hora.charAt(2) != ':')
	{
		return false;
	}
	
	array = hora.split(":");
    hs  = new Number(array[0]);
    min = new Number(array[1]);
    
    if (isNaN(hs) || (!isNaN(hs) && (hs < 0 || hs > 23)))
    {
    	return false;
    }
    
    if (isNaN(min) || (!isNaN(min) && (min < 0 || min > 59)))
    {
    	return false;
    }
	return true;
}

function Verificar()
{
	if (document.frmHistoricoAvl.excesoVelocidad.value != '') {
		if (isNaN(document.frmHistoricoAvl.excesoVelocidad.value)) {
	   		alert("Exceso de velocidad debe ser un numero"); 
       		document.frmHistoricoAvl.excesoVelocidad.focus();
  	   		return false;
		} else {
			if (document.frmHistoricoAvl.excesoVelocidad.value < <?=AVL_MIN_EXCESO_VELOCIDAD?>) {
				alert("Exceso de velocidad no puede ser menor a <?=AVL_MIN_EXCESO_VELOCIDAD?>"); 
       			document.frmHistoricoAvl.excesoVelocidad.focus();
  	   			return false;
			}
		}
	}
		
	if (!fechaValida(document.frmHistoricoAvl.diai.value,document.frmHistoricoAvl.mesi.value,document.frmHistoricoAvl.anoi.value))
	{
	 alert("Ingrese fecha Inicial valida"); 
     document.frmHistoricoAvl.diai.focus();
  	 return false;
	}
	
	if (!fechaValida(document.frmHistoricoAvl.diaf.value,document.frmHistoricoAvl.mesf.value,document.frmHistoricoAvl.anof.value))
	{
	 alert("Ingrese fecha Final valida"); 
     document.frmHistoricoAvl.diaf.focus();
  	 return false;
	}
	
	if (!horaValida(document.frmHistoricoAvl.horaInicio.value))
	{
		alert("Ingrese hora inicial valida (Formato [00-23]:[00-59])"); 
     	document.frmHistoricoAvl.horaInicio.focus();
  	 	return false;
	}
	
	if (!horaValida(document.frmHistoricoAvl.horaFin.value))
	{
		alert("Ingrese hora final valida (Formato [00-23]:[00-59])"); 
     	document.frmHistoricoAvl.horaFin.focus();
  	 	return false;
	}
	
	if (!anteriorF1AF2(document.frmHistoricoAvl.diai.value,document.frmHistoricoAvl.mesi.value,document.frmHistoricoAvl.anoi.value,document.frmHistoricoAvl.diaf.value,document.frmHistoricoAvl.mesf.value,document.frmHistoricoAvl.anof.value))
  	{
  		alert('La Fecha de inicio no puede ser mayor a la fecha de fin');
  		return false;
  	}
  	
  	if (!masDeDias(document.frmHistoricoAvl.diai.value,document.frmHistoricoAvl.mesi.value,document.frmHistoricoAvl.anoi.value,document.frmHistoricoAvl.diaf.value,document.frmHistoricoAvl.mesf.value,document.frmHistoricoAvl.anof.value, 60))
  	{
  		alert('Hay mas de dos meses entre la fecha de inicio y la fecha de fin');
  		return false;
  	}
  	
    if (isNaN(document.frmHistoricoAvl.thickness.value))  	
    {
    	alert('El grosor de linea deber ser un numero entero.');
    	return false;
    }
  	
  	return true;  
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


function formSubmitMapeo()
{
	document.frmHistoricoAvl.action="task_paneEstadistico.php";
	if (Verificar()) 
	{ 
		bool = !masDeDias(document.frmHistoricoAvl.diai.value, document.frmHistoricoAvl.mesi.value,
		   			  document.frmHistoricoAvl.anoi.value, document.frmHistoricoAvl.diaf.value,
		   			  document.frmHistoricoAvl.mesf.value, document.frmHistoricoAvl.anof.value, 2);
		if (document.getElementById("mostrarSentido").value == 'true' && bool) 
		{
			alert('La consulta es mayor a tres dias. El sentido no se mostrara');
			document.getElementById("mostrarSentido").value = 'false';
		}
		var cargador = parent.parent.frames["taskBar"];
		cargador.document.getElementById("busyImg").style.visibility="visible";
		document.frmHistoricoAvl.submit();
	}
}

function formSubmitPosiActualOthers()
{
	//document.body.style.cursor = 'wait';
	document.frmHistoricoAvl.action="task_panePosiActualOthers.php";
	document.frmHistoricoAvl.submit();
}


</script>	  
<link href="<?php echo ESTILO?>/globalStyles.css" rel="stylesheet" type="text/css">
<link href="<?php echo ESTILO?>/otherStyles.css" rel="stylesheet" type="text/css">
<link href="<?php echo ESTILO?>/viewer.css" rel="stylesheet" type="text/css">
<link href="<?php echo ESTILO?>/bykom.css" rel="stylesheet" type="text/css">
<!-- Calendar Settings -->
<link href="<?php echo CALENDAR?>/skins/winter/theme.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="<?php echo CALENDAR?>/calendar.js"></script>
<script type="text/javascript" src="<?php echo CALENDAR?>/lang/calendar_es.js"></script>
<script type="text/javascript" src="<?php echo CALENDAR?>/calendar_setup.js"></script>

</head>

<body>
<?php 
 
  $cuentaDefault = isset($_SESSION['filtroMovilSegui']) ? $_SESSION['filtroMovilSegui'] : $_SESSION['v'];
  $hoy=getdate(time());// + (GTM*60*60));
  

  $mesatras=getdate(time());
  $horaActual = $hoy[hours];
  if ($horaActual == 0)
  {
     $horaAtras = 22;
  }
  else 
  {
  	$horaAtras = $horaActual - 1;
  }
  $minActual = $hoy[minutes];
  if ($horaActual < 10) $horaActual = "0".$horaActual;
  if ($horaAtras < 10) $horaAtras = "0".$horaAtras;
  if ($minActual <10) $minActual = "0".$minActual;
  
  if ($horaActual == 23)
  {
  	$horaActual = 0;
  }
  else {
  	$horaActual = $horaActual + 1;
  }
  
  $horaMinActual = $horaActual.":".$minActual;
  $horaMinAtras = $horaAtras.":".$minActual;
  

?>
<html>
	<head>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta http-equiv="content-script-type" content="text/javascript">
		<meta http-equiv="content-style-type" content="text/css">
		<link href="../globalStyles.css" rel="stylesheet" type="text/css">
		<link href="../otherStyles.css" rel="stylesheet" type="text/css">
		<link href="/mapguide/viewerfiles/viewer.css" rel="stylesheet" type="text/css">
		<script language=JavaScript src="picker.js"></script>
	</head>
	<body class="AppFrame" onload="onPageLoad()">
		<form name="frmHistoricoAvl">
		<?php if (isset($_SESSION['cliente']))
    			{
				$sessionId = ($_SERVER['REQUEST_METHOD'] == "POST")? $_POST['SESSION']: $_GET['SESSION'];
				$objetivo = $_SESSION['objetivo'];
				$cuenta = $_SESSION['v'];
				if ($objetivo == 3) {
					$cuentas=BykomCliente::Cuentas_Cliente_Movil($cuenta);
				} else {
					$cuentas=BykomCliente::Cuentas_Cliente_Movil_BIS($cuenta);
				}
		?>		
			<input type="hidden" name="SESSION" value="<?= $sessionId ?>">
			<input type="hidden" name="onlyMap" value="0">
  				    
				
				<table>

				   <tr>
				        <td colspan="2"><span class="operation">Recorrido</span></td>
				
				   </tr>
				   <tr>
				        <td colspan="2">
				            Mapeo y reporte hist&oacute;rico de recorrido del veh&iacute;culo seleccionado seg&uacute;n rango de fechas.
				        </td>
				   </tr>
				   <tr>
				   		<td width="48" align="left" valign="middle" class="texto">M&oacute;vil:</td>
				   		<td height="25" align="left" valign="middle" >
                        <input type="hidden" name="pag" value="1"/> 
				   		<select name='cuentaSelect' class='formchico'>
                		   <?php
                		   	for($i=0;$i<$cuentas->cantidad();$i++)
							{
								$selected = "";
								if ($cuentas->campo('ORDER_ID', $i) == $cuentaDefault)
								{
									$selected = "selected";
								}
                             	/*echo "<option value='".$cuentas->campo('ORDER_ID',$i)."' ".$selected.">".
                                      	$cuentas->campo('nombre',$i)." ".$cuentas->campo('nombre_dos',$i)."
                                   	  </option>";*/
                                echo "<option value='".$cuentas->campo('ORDER_ID',$i)."' ".$selected.">".
                                      	$cuentas->campo('patente',$i)." - ".$cuentas->campo('identificador',$i);"
                                   	  </option>";   	  
                			}?>
                      	    </select>
                      	</td>
                   </tr>         
				   <tr>      
                      <td width="48" align="left" valign="middle" class="texto">Desde:</td>
                      <td height="25" align="left" valign="middle" > 
                   			<input type="hidden" name="diai" id="diai">  
                            <input type="hidden" name="mesi" id="mesi">
                            <input type="hidden" name="anoi" id="anoi">
                            <input type="hidden" name="horaInicio" id="horaInicio">  	
                           	<input type="text" name="fechaInicio" id="fechaInicio" class="formchico" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="<?php echo CALENDAR?>/img/calendar.gif" name="fechaInicioBtn" id="fechaInicioBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
          
                    <tr>
                      <td width="48" align="left" valign="middle" class="texto">Hasta:</td>
                      <td height="25"align="left" valign="middle"> 
                   			<input type="hidden" name="diaf" id="diaf">  
                            <input type="hidden" name="mesf" id="mesf">
                            <input type="hidden" name="anof" id="anof">
                            <input type="hidden" name="horaFin" id="horaFin">  	
                           	<input type="text" name="fechaFin" id="fechaFin" class="formchico" size="20" maxlength="20" disabled="disabled" value="">
                     
               		   <img src="<?php echo CALENDAR?>/img/calendar.gif" name="fechaFinBtn" id="fechaFinBtn" style="cursor: pointer;" title="Seleccionar fecha y hora desde..." onmouseover="this.style.background='#DFB308';" onmouseout="this.style.background='';" />
                     </td>
                    </tr>
				</table>
				<hr>
				<table>
				<tr>
						<td class="texto" width="40">Color:</td>
						<td bgcolor="#ffffff" valign="top">
							<!-- Add input box to the form -->
							<input type="hidden" name="colorId" id="colorId" value="<?=COLOR_DEFAULT_RECORRIDO?>">
							<input type="Text" name="colorText" id="colorText" size="4" class="formchico">
							<a href="javascript:TCP.popup(document.forms['frmHistoricoAvl'].elements['colorId'],document.forms['frmHistoricoAvl'].elements['colorText'])">
							   <img width="15" height="13" border="0" alt="Click aqui para seleccionar color de recorrido" src="img/sel.gif">
							</a>
						</td>
				        <td class="texto">&nbsp;</td>
				        <td class="texto">&nbsp;</td>
						<td class="texto">Ancho:</td>
						<td bgcolor="#ffffff" valign="top">
						<select name="thickness" id="thickness" class="formchico">	
						   <option value="2">Fino</option>
						   <option value="4">Medio</option>
						   <option value="6">Grueso</option>
						</select>   
						</td>
				</tr>
				</table>
				<hr>
				<table>
				<tr>
				   <td class="texto">Exceso de velocidad (Km):</td>
				   <td><input type="Text" name="excesoVelocidad" id="excesoVelocidad" size="4" class="formchico"></td>
				</tr>
				</table>
				<table>
				<tr>
				   <td class="texto">Mostrar sentido:</td>
				   <td>
				   		<select name="mostrarSentido" id="mostrarSentido" class="formchico">	
						   <option value="true">SI</option>
						   <option value="false">NO</option>
						</select>   
				   </td>
				</tr>
				<tr>
				   <td class="texto">Filtrar vel. igual a 0:</td>
				   <td>
				   		<select name="filtrarCeros" id="filtrarCeros" class="formchico">	
							<option value="false">NO</option>   
				   			<option value="true">SI</option>
						</select>   
				   </td>
				</tr>
				</table>
				<hr>
				<table width="100%">
				<tr>
					<td>&nbsp;</td>	
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td>&nbsp;</td>
					<td><input type="button" onclick="formSubmitMapeo();" value="Mapeo" align="center" size="20"></td>
					
					<td><input type="button" onclick="formSubmitHistorico();" value="Hist&oacute;rico" align="center" size="20"></td>
				</tr>
				</form>

	</body>
	<script>


	function onPageLoad()
	{
		//document.body.style.cursor = 'default';
		<?if (!isset($_SESSION['filtroHistDiai']))
    	{?>
			document.getElementById("colorId").value = "#" + '<?=COLOR_DEFAULT_RECORRIDO?>';
			
		<?}?>
		document.getElementById("colorText").style.backgroundColor = document.getElementById("colorId").value;
		
	}
	
	function formSubmitHistorico()
	{
	if (Verificar()) 
	{ 
		var str = document.frmHistoricoAvl.colorId.value;
		str = str.substring(1);
		URL = "../task_paneReporteBASIC.php?cuentaSelect=" + document.frmHistoricoAvl.cuentaSelect.value 
		    + "&anoi=" + document.frmHistoricoAvl.anoi.value 
		    + "&mesi="  + document.frmHistoricoAvl.mesi.value
		    + "&diai="  + document.frmHistoricoAvl.diai.value
		    + "&horaInicio="  + document.frmHistoricoAvl.horaInicio.value
		    + "&anof=" + document.frmHistoricoAvl.anof.value 
		    + "&mesf="  + document.frmHistoricoAvl.mesf.value
		    + "&diaf="  + document.frmHistoricoAvl.diaf.value
		    + "&horaFin="  + document.frmHistoricoAvl.horaFin.value
		    + "&colorId="  + str
		    + "&thickness="  + document.frmHistoricoAvl.thickness.value
		    + "&excesoVelocidad=" + document.frmHistoricoAvl.excesoVelocidad.value
		    + "&filtrarCeros=" + document.frmHistoricoAvl.filtrarCeros.value
		    + "&pag=1"
		    + "&SESSION=" + '<?=$sessionId?>';//?v="+cuenta+"&codigocuenta="+codigocuenta+"&nom1nom2="+nom1nom2+"&identificadorPatente="+identificadorPatente;
		ancho=780;
  		alto =530;
  		
  		scrollbars = 'no';
  		resize = 'no';	
		day = new Date();
		id = day.getTime();
 		eval("page" + id + " = window.open(URL, '" + id + "', 'width=" + ancho + ",height=" + alto + ",menubar=NO,Status=NO,titlebar=NO,toolbar=NO,top=100,left=200,scrollbars=" + scrollbars + ",resizable=" + resize + "');");
	}
}
	</script>
	<?
    if (isset($_SESSION['filtroHistDiai']))
    {?>
    <script>
 	   document.frmHistoricoAvl.diai.value = '<?=$_SESSION['filtroHistDiai']?>';
	   document.frmHistoricoAvl.mesi.value = '<?=$_SESSION['filtroHistMesi']?>';
	   document.frmHistoricoAvl.anoi.value = <?=$_SESSION['filtroHistAnoi']?>;
	   document.frmHistoricoAvl.diaf.value = '<?=$_SESSION['filtroHistDiaf']?>';
	   document.frmHistoricoAvl.mesf.value = '<?=$_SESSION['filtroHistMesf']?>';
	   document.frmHistoricoAvl.anof.value = <?=$_SESSION['filtroHistAnof']?>;
	   
	   document.frmHistoricoAvl.horaInicio.value = '<?=$_SESSION['filtroHistHorai']?>';
	   document.frmHistoricoAvl.horaFin.value = '<?=$_SESSION['filtroHistHoraf']?>';
	   
	   document.frmHistoricoAvl.colorId.value = '<?=(isset($_SESSION['filtroHistColorId'])) ? $_SESSION['filtroHistColorId']:"#".COLOR_DEFAULT_RECORRIDO?>';
	   document.frmHistoricoAvl.thickness.value = '<?=(isset($_SESSION['filtroHistThickness'])) ? $_SESSION['filtroHistThickness'] : THICKNESS_DEFAULT?>';
	   document.frmHistoricoAvl.excesoVelocidad.value = '<?=(isset($_SESSION['excesoVelocidad'])) ? $_SESSION['excesoVelocidad'] : ""?>';
	   document.frmHistoricoAvl.mostrarSentido.value = '<?=(isset($_SESSION['mostrarSentido'])) ? $_SESSION['mostrarSentido'] : "SI"?>';
	</script>   
    <? } ?>
    <?}
		else 
		{
  			echo "<font class=Errors> Debe iniciar session para poder visualizar esta pagina.</font>";
		}
?>
<script>
   //FECHA DESDE!
   var dateIni;
   dateIni = "";
   if  (document.frmHistoricoAvl.diai.value != "") {
   		dateIni = document.frmHistoricoAvl.diai.value;
		dateIni += "/" + document.frmHistoricoAvl.mesi.value;
		dateIni += "/" + document.frmHistoricoAvl.anoi.value;
		dateIni += " " + document.frmHistoricoAvl.horaInicio.value;
  	 }
   else{   
   		var actualDate = new Date();
		var time = actualDate.getTime();
		time -= Date.HOUR;
		actualDate = new Date(time);
		dateIni = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M"); 
		document.frmHistoricoAvl.diai.value = actualDate.print("%d");
		document.frmHistoricoAvl.mesi.value = actualDate.print("%m");
		document.frmHistoricoAvl.anoi.value = actualDate.print("%Y");
		document.frmHistoricoAvl.horaInicio.value = actualDate.print("%H:%M");  
   } 
   
   document.frmHistoricoAvl.fechaInicio.value = dateIni;

   function fechaIniChange(cal){
	    var date = cal.date;
		document.frmHistoricoAvl.diai.value = date.print("%d");
		document.frmHistoricoAvl.mesi.value = date.print("%m");
		document.frmHistoricoAvl.anoi.value = date.print("%Y");
		document.frmHistoricoAvl.horaInicio.value = date.print("%H:%M");
	}

	Calendar.setup(	
		{
		inputField 	   : "fechaInicio",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaInicioBtn",
		onUpdate       : fechaIniChange
		} 
	);	
	
	//FECHA HASTA!
   var dateFin;
   dateFin = "";
   if  (document.frmHistoricoAvl.diaf.value != "") {
   		dateFin = document.frmHistoricoAvl.diaf.value;
		dateFin += "/" + document.frmHistoricoAvl.mesf.value;
		dateFin += "/" + document.frmHistoricoAvl.anof.value;
		dateFin += " " + document.frmHistoricoAvl.horaFin.value;
  	 }
   else{   
   		actualDate = new Date();
		time = actualDate.getTime();
		time += Date.HOUR;
		actualDate = new Date(time);
		dateFin = actualDate.print("%d") + '/' + actualDate.print("%m") + '/' + actualDate.print("%Y") + ' ' + actualDate.print("%H:%M");  
		document.frmHistoricoAvl.diaf.value = actualDate.print("%d");
		document.frmHistoricoAvl.mesf.value = actualDate.print("%m");
		document.frmHistoricoAvl.anof.value = actualDate.print("%Y");
		document.frmHistoricoAvl.horaFin.value = actualDate.print("%H:%M"); 
   } 
   
   document.frmHistoricoAvl.fechaFin.value = dateFin;

   function fechaFinChange(cal){
	    var date = cal.date;
		document.frmHistoricoAvl.diaf.value = date.print("%d");
		document.frmHistoricoAvl.mesf.value = date.print("%m");
		document.frmHistoricoAvl.anof.value = date.print("%Y");
		document.frmHistoricoAvl.horaFin.value = date.print("%H:%M");
	}

	Calendar.setup(	
		{
		inputField 	   : "fechaFin",  
		ifFormat       : "%d/%m/%Y %H:%M",      
        showsTime      : true,
        timeFormat     : "24",
		button		   : "fechaFinBtn",
		onUpdate       : fechaFinChange
		} 
	);	
</script>
</html>
